/*第1页，镀铬部件*/
.chrome {
	background: #0e1116;
}
.chrome-desc {
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -360px;
	text-align: center;
	z-index: 3;
	opacity: 0;
	-webkit-transform: translate(0,20px);
	-moz-transform: translate(0,20px);
	transform: translate(0,20px);
	-webkit-transition:all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
}
.chrome-desc h1,.chrome-desc h2{
	color: #fff;
}
.chrome-desc h2{
	margin: 10px 0 5px 0;
}
.chrome-desc p{
	color: #aaa9a9;

}
.chrome-bg{
	z-index: 1;
}
.chrome-bg2{
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}
.chrome-bg1{
	display: block;
	width: auto;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.chrome-bg2{
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}
.chrome-img {
	position: absolute;
	top: 0;
	left:50%;
	margin-left: -587px;
	width: 1174px;
	height: 785px;
	z-index: 2;
	opacity: 0;
	-webkit-transform: translate(0,20px);
	-moz-transform: translate(0,20px);
	transform: translate(0,20px);
	transition: all 1s ease-in;
}
.chrome-img img{
	z-index: 10;
}
.mask {
	position: absolute;
	top: 0;
	left: 30px;
	width: 120px;
	height: 400px;
	overflow: hidden;
	opacity: 0;
	-webkit-transform: translate(333px,230px);
	-moz-transform: translate(333px,230px);
	-ms-transform: translate(333px,230px);
	transform: translate(333px,230px);
}
/*第2页，烤漆页面*/
.paint {
	background-image: -webkit-radial-gradient(#f0f0f0, #e4e4e4);
	background-image:    -moz-radial-gradient(#f0f0f0, #e4e4e4);
	background-image:      -o-radial-gradient(#f0f0f0, #e4e4e4);
	background-image:     -ms-radial-gradient(#f0f0f0, #e4e4e4);
	background-image:         radial-gradient(#f0f0f0, #e4e4e4);
}
.paint-desc {
	position: absolute;
	top: 40%;
	left: 0;
	text-align: left;
	opacity: 0;
	-webkit-transform: translate(0,20px);
	-moz-transform: translate(0,20px);
	transform: translate(0,20px);
	-webkit-transition:all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
}
.paint-desc h1, .paint-desc h2{
	color: #3c3c42;
}
.paint-desc h2{
	margin: 5px 0 0 0;
}
.paint-desc p{
	color: #5B5C60;
}
.paint-img {
	position: absolute;
	top: -100px;
	left: 100px;
	overflow: hidden;
	opacity: 0;
	-webkit-transform:translate(20px,0px);
	-moz-transform:translate(20px,0px);
	transform:translate(20px,0px);
	-webkit-transition:all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
}

/*第3页，塑件页面*/
.plastic {
	background-image: -webkit-linear-gradient(-43deg, #6d6d6d, #272727);
	background-image:    -moz-linear-gradient(-43deg, #6d6d6d, #272727);
	background-image:      -o-linear-gradient(-43deg, #6d6d6d, #272727);
	background-image:     -ms-linear-gradient(-43deg, #6d6d6d, #272727);
	background-image:         linear-gradient(-43deg, #6d6d6d, #272727);
}
.plastic-img{
	position: absolute;
	top: 0;
	right: 150px;
	overflow: hidden;
	opacity: 0;
	-webkit-transform: translate(0,-20px);
	-moz-transform: translate(0,-20px);
	transform: translate(0,-20px);
	-webkit-transition:all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
}
.plastic-img .plastic-circle1{
	position: absolute;
	top: 335px;
	left: 615px;
	width: 38px;
	height: 38px;
	background: url("../../images/3/plastic-circle1.png") no-repeat;
	z-index: 30;
	opacity: 0;
}

.plastic-img .plastic-details1{
	position: absolute;
	top: 227px;
	right: 460px;
	width: 257px;
	height: 257px;
	overflow: hidden;
	opacity: 0;
	-webkit-transition:opacity 5s ease-in;
	-moz-transition: opacity 5s ease-in;
	transition: opacity 5s ease-in;
}
.plastic-img .plastic-circle2{
	position: absolute;
	top: 482px;
	left: 362px;
	width: 31px;
	height: 31px;
	z-index: 30;
	opacity: 0;
	background: url("../../images/3/plastic-circle2.png") no-repeat;
}
.plastic-img .plastic-details2{
	position: absolute;
	top: 392px;
	right: 767px;
	width: 206px;
	height: 206px;
	overflow: hidden;
	opacity: 0;
	-webkit-transition:opacity 5s ease-in;
	-moz-transition: opacity 5s ease-in;
	transition: opacity 5s ease-in;
}
.plastic-desc {
	position: absolute;
	top: 40%;
	right: 0;
	opacity: 0;
	-moz-transform: translate(0,20px);
	transform: translate(0,20px);
	-webkit-transition:all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
}
.plastic-desc h1, .plastic-desc h2{
	color: #fff;
}
.plastic-desc h2{
	margin: 15px 0;
}
.plastic-desc p{
	color: #aaa9a9;
}

/*第4页，后车架页面*/
.r-frame {
	background-image: -webkit-radial-gradient(#303233, #1d1d1f);
	background-image:    -moz-radial-gradient(#303233, #1d1d1f);
	background-image:      -o-radial-gradient(#303233, #1d1d1f);
	background-image:     -ms-radial-gradient(#303233, #1d1d1f);
	background-image:         radial-gradient(#303233, #1d1d1f);
}
.r-frame-desc {
	position: absolute;
	left:0;
	top: 40%;
	opacity: 0;
	-webkit-transform: translate(0,20px);
	-moz-transform: translate(0,20px);
	transform: translate(0,20px);
	-webkit-transition:all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
}
.r-frame-desc h1, .r-frame-desc h2{
	color: #fff;
}
.r-frame-desc h2{
	margin: 5px 0 0 0;
}
.r-frame-desc p{
	color: #aaa9a9;
}
.r-frame-img {
	position: absolute;
	top: -200px;
	left: 100px;
	overflow: hidden;
	opacity: 0;
	-webkit-transform: translate(50px,0);
	-moz-transform: translate(50px,0);
	transform: translate(50px,0);
	-webkit-transition:all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
}

/*第5页，骑行页面*/
.cycling {
	background-image: -webkit-radial-gradient(#f0f0f0, #e4e4e4);
	background-image:    -moz-radial-gradient(#f0f0f0, #e4e4e4);
	background-image:      -o-radial-gradient(#f0f0f0, #e4e4e4);
	background-image:     -ms-radial-gradient(#f0f0f0, #e4e4e4);
	background-image:         radial-gradient(#f0f0f0, #e4e4e4);
}
.cycling-desc {
	position: absolute;
	right: 0;
	top: 35%;
	opacity: 0;
	-webkit-transform: translate(0,20px);
	-moz-transform: translate(0,20px);
	transform: translate(0,20px);
	-webkit-transition:all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
}
.cycling-desc h1, .cycling-desc h2{
	color: #3c3c42;
}
.cycling-desc .cycling-title2{
	margin-top: 30px;
}
.cycling-desc .cycling-text1{
	margin-top: 10px;
}
.cycling-desc p{
	color: #5b5c60;
}
.cycling-img {
	position: absolute;
	top:22%;
	right: 600px;
	opacity: 0;
	-webkit-transform: translate(50px,0);
	-moz-transform: translate(50px,0);
	transform: translate(50px,0);
	-webkit-transition:all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
}
.triangle-img{
	position: absolute;
	top: 220px;
	right: 177px;
	z-index: 10;
}
.triangle-img .triangle{
	background-image: url("../../images/1/round.png");
	background-repeat: no-repeat;
}
/*次序一*/
.circle2{
	position: relative;
	bottom: 0;
	left: 0;
	background-position: -1px -73px;
	width: 25px;
	height: 25px;
	opacity: 0;
	transition: all 1s ease-in;
}
/*次序二*/
.line1{
	position: relative;
	bottom: -7px;
	left: 23px;
	background-position: -27px -2px;
	width: 113px;
	height: 90px;
	opacity: 0;
	transition:all 1s linear ;
}
/*次序三*/
.circle3{
	position: relative;
	bottom: 185px;
	left: 134px;
	background-position: -1px -73px;
	width: 25px;
	height: 25px;
	opacity: 0;
	transition:all 1s linear ;
}
/*次序四*/
.line2{
	position: relative;
	bottom: 177px;
	left: 4px;
	background-position: -142px -2px;
	width: 130px;
	height: 59px;
	opacity: 0;
	transition:all 1s linear ;
}
/*次序五*/
.circle1{
	position: relative;
	bottom: 49px;
	right: 20px;
	background-position: -1px -73px;
	width: 25px;
	height: 25px;
	opacity: 0;
	transition:all 1s linear ;
}
/*次序六*/
.line3{
	position: relative;
	bottom: 249px;
	right: 12px;
	background-position: -274px -2px;
	width: 26px;
	height: 137px;
	opacity: 0;
	transition:all 1s linear ;
}
/*第6页，鞍座页面*/
.saddle {
	background-image: -webkit-linear-gradient(-47deg, #6d6d6d, #272727);
	background-image:    -moz-linear-gradient(-47deg, #6d6d6d, #272727);
	background-image:      -o-linear-gradient(-47deg, #6d6d6d, #272727);
	background-image:     -ms-linear-gradient(-47deg, #6d6d6d, #272727);
	background-image:         linear-gradient(-47deg, #6d6d6d, #272727);
}
.saddle-desc {
	position: absolute;
	top: 40%;
	left: 0;
	z-index: 6;
	opacity: 0;
	-webkit-transform: translate(0,20px);
	-moz-transform: translate(0,20px);
	transform: translate(0,20px);
	-webkit-transition:all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
}
.saddle-desc h1, .saddle-desc h2{
	color: #fff;
}
.saddle-desc h2{
	margin: 20px 0 5px 0;
}
.saddle-desc p{
	color: #aaa9a9;
}
.saddle-img {
	position: absolute;
	top: -200px;
	left: 480px;
	overflow: hidden;
	opacity: 0;
	-webkit-transform: translate(-30px,-20px);
	-moz-transform: translate(-30px,-20px);
	transform: translate(-30px,-20px);
	-webkit-transition:all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
}

/*第7页,减震页面*/
.shock {
	background-image: -webkit-linear-gradient(-180deg, #f0f0f0, #e4e4e4);
	background-image:    -moz-linear-gradient(-180deg, #f0f0f0, #e4e4e4);
	background-image:      -o-linear-gradient(-180deg, #f0f0f0, #e4e4e4);
	background-image:     -ms-linear-gradient(-180deg, #f0f0f0, #e4e4e4);
	background-image:         linear-gradient(-180deg, #f0f0f0, #e4e4e4);
}
.shock-desc {
	position: absolute;
	top: 40%;
	right: 0;
	z-index: 6;
	opacity: 0;
	-webkit-transform: translate(0,20px);
	-moz-transform: translate(0,20px);
	transform: translate(0,20px);
	-webkit-transition:all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
}
.shock-desc h1, .shock-desc h2{
	color: #3c3c42;
}
.shock-desc h2{
	margin: 10px 0 5px 0;
}
.shock-desc p{
	color: #5b5c60;
}
.shock-img {
	position: absolute;
	top: 0;
	right: 450px;
	overflow: hidden;
	opacity: 0;
	z-index: 5;
	-webkit-transform: translateX(0) translateY(50px);
	-moz-transform: translateX(0) translateY(50px);
	transform: translateX(0) translateY(50px);
	-webkit-transition:all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
}

/*媒介查询*/
@media screen and (max-width:1200px) {

}
@media screen and (max-width:1300px) {

}
@media screen and (max-width:1400px) {

}

